
<template>
  <div class="container">
    <el-card class="resume-card">
      <el-row justify="center">
        <el-col :span="18">
          <h1 class="name">阮航</h1>
          <p class="info">
            后端开发实习 | 期望薪资：8-10K | 期望城市：深圳
          </p>
        </el-col>
      </el-row>
<el-divider>个人优势</el-divider>
<el-row :gutter="20"> <!-- 添加gutter间距 -->
  <el-col :span="24">
    <div class="advantage-group"> <!-- 优势分组容器 -->
      <div class="advantage-item"> <!-- 优势项容器1 -->
        <li>全栈工程能力：精通 <span class="highlight">Go微服务开发</span> 与 <span class="highlight">Java企业级开发</span>，独立完成 <span class="highlight">Vue/React</span> 全栈项目，包括类起点/掘金的知识社区平台、基于一致性哈希的分布式KV存储系统</li>
        <li>高效技术转化：两周掌握 <span class="highlight">Docker</span> 实现容器化部署，部署效率提升 <strong>18倍</strong>（3min→10s）；1天内完成 <span class="highlight">Prometheus</span> 学习并落地至CI/CD流程，实现系统监控自动化</li>
      </div>
      <div class="advantage-item"> <!-- 优势项容器2 -->
        <li>技术布道能力：主导15-20人技术培训，设计并讲授《<span class="highlight">Vue3+TS工程实践</span>》《<span class="highlight">Go Web开发核心</span>》《竞赛图论精讲》等课程，学员实战通过率100%，教学案例精准命中 <strong>2025蓝桥杯省赛真题</strong></li>
        <li>教学创新思维：独创“生活场景映射法”解析复杂概念（如用快递分拣类比哈希算法），技术要点均匹配工业级应用场景，学员反馈“知识吸收效率提升40%”</li>
      </div>
      <div class="advantage-item"> <!-- 优势项容器3 -->
        <li>技术协作中枢：担任分布式系统核心开发者期间，通过飞书+GitHub Issue建立跨团队协作机制，协调3个开发组 <strong>2周内</strong> 完成RBAC权限系统联调</li>
        <li>工程效能专家：发现并优化关键性能瓶颈，包括SQL索引失效（响应时间降低76%）、CI/CD流程优化（构建时间减少65%），保障平台千级用户稳定访问</li>
      </div>
      <div class="advantage-item"> <!-- 优势项容器4 -->
        <li>开源社区贡献者：参与知名Go框架Echo官方文档编写（<a href="https://echo.labstack.com/docs/middleware/logger">Logger中间件模块</a>），撰写20+篇技术博客解决DevOps实践难题，持续追踪云原生技术演进</li>
      </div>
    </div>
  </el-col>
</el-row>

      <el-divider>专业技能</el-divider>
      <el-row>
        <el-col :span="12">
          <ul class="skills-list">
            <li>熟悉 <span class="highlight">Go语言</span>：使用协程、通道等特性进行高并发服务开发。</li>
            <li>熟悉 <span class="highlight">Spring Boot</span>：RESTful API 开发、数据库交互和安全配置。</li>
            <li>熟悉 <span class="highlight">Gin</span> 和 <span class="highlight">GORM</span> 框架，构建高效的后端服务。</li>
            <li>熟悉 <span class="highlight">Redis</span>：缓存机制、集群配置和高效的数据结构操作。</li>
            <li>了解 <span class="highlight">RabbitMQ</span>：消息队列处理，提升系统性能。</li>
          </ul>
        </el-col>
        <el-col :span="12">
          <ul class="skills-list">
            <li>熟悉 <span class="highlight">Docker</span> 和 <span class="highlight">Kubernetes</span>，实现容器化部署。</li>
            <li>熟悉 <span class="highlight">MySQL</span>：索引优化、查询优化和数据库设计。</li>
            <li>熟悉 <span class="highlight">Linux</span> 环境，熟练使用 Bash 脚本进行自动化任务。</li>
            <li>前端技能：使用 <span class="highlight">Vue 3</span>、<span class="highlight">TypeScript</span> 构建响应式 Web 应用。</li>
          </ul>
        </el-col>
      </el-row>

      <el-divider>实习经历</el-divider>
      <div class="project">
        <h3>平途网络科技（苏州）有限公司</h3>
        <p><b>前端开发工程师</b> (2024.01 - 2024.04)</p>
        <p>
          在本次实习中，我主要负责公司产品的前端开发工作，使用 Vue 3 框架进行现代 Web 应用的构建和维护。通过 TypeScript 的应用，我提高了代码的可读性与维护性，同时确保了开发的健壮性。我利用 Vite 作为构建工具，加速了开发流程，提升了项目的启动和热更新速度。
        </p>
        <ul>
          <li><b>用户中心开发</b>：独立设计开发用户中心，提升用户体验和留存。</li>
          <li><b>移动端适配</b>：完成手机端网页适配，增强移动端活跃度。</li>
          <li><b>性能优化</b>：实施代码分割、懒加载，减少首屏加载时间，加快访问速度。</li>
          <li><b>接口配置更新</b>：定期更新前端接口，支持产品迭代和功能扩展。</li>
        </ul>
        <p><b>技术栈：</b>Vue 3、TypeScript、Vite</p>
      </div>

      <el-divider>项目经历</el-divider>
      <div class="project">
        <h3>Manboge 在线阅读平台</h3>
        <p><b>全栈开发</b> (2024.08 - 2024.11)</p>
        <p>
            **项目描述**：Manboge 是一个提供在线阅读和互动功能的综合平台，用户可以浏览、购买、评论书籍，并进行点赞、收藏等操作。项目采用前后端分离架构，后端基于 Java Spring Boot，前端采用 Vue 3 和 TypeScript 实现。
        </p>
    
        <ul>
            <li><b>全栈开发</b>：负责前后端开发工作，设计并实现后端 API 及前端页面布局，确保系统稳定性和用户体验的流畅性。</li>
            
            <li><b>鉴权与安全性</b>：利用 Spring Security 配合 JWT 进行鉴权，保障用户访问的安全性。实现了用户身份验证和权限管理，确保 API 调用的安全性和资源的隔离性。</li>
            
            <li><b>消息推送</b>：基于 RabbitMQ 和 Netty 实现服务端主动向客户端的实时消息推送。此功能用于向用户推送互动消息，如评论回复、点赞提醒等，提升用户参与度。</li>
    
            <li><b>分布式锁与数据一致性</b>：采用 Redis 分布式锁确保资源操作的一致性，避免因高并发场景下的重复操作或资源冲突问题。例如，在订单生成或库存扣减等敏感操作中使用分布式锁，保证了数据的完整性。</li>
            
            <li><b>限流保护</b>：实现基于 Redis 的用户限流机制，通过 `increment` 方法对每个用户单独计数，并在首次请求时设置限流过期时间（如 60 秒）。当用户请求数未超过指定阈值 `maxRequests` 时允许继续请求，否则拒绝，防止恶意访问导致系统过载。</li>
    
            <li><b>搜索功能优化</b>：使用 MeiliSearch 实现书籍资源的全文检索，大幅提升了检索效率和搜索结果的精准度，优化了用户的资源搜索体验。</li>
    
            <li><b>缓存与性能优化</b>：通过 Redis 实现热点数据缓存，显著减少数据库访问频次，在高并发访问场景下依旧保持高性能响应。</li>
            
            <li><b>前端开发与用户体验</b>：基于 Vue 3 和 TypeScript 完成交互逻辑和页面布局设计，实现高响应式的前端体验，提高了用户界面的流畅性与美观度。</li>
        </ul>
        
        <p><b>技术栈：</b>Spring Boot、Vue 3、TypeScript、Redis、RabbitMQ、Netty、MeiliSearch、Docker、Kubernetes</p>
    </div>
    

      <div class="project">
        <h3>龙鸣争霸 - 沙盘战略游戏</h3>
        <p><b>后端开发工程师</b> (2023.08 - 2024.05)</p>
        <p>本项目为大型沙盘类多人策略游戏，用户可通过攻城掠地壮大势力或与他人结盟合作。我负责项目的后端架构设计、核心模块开发与性能优化，旨在提供高效、稳定的游戏体验。</p>
        <ul>
            <li><b>高并发优化</b>：利用 Go 协程实现异步处理，快速响应客户端请求，同时将数据同步推送至数据库，有效提升了服务器的响应速度。</li>
            <li><b>资源复用</b>：实现连接池以复用数据库与服务连接，减少了资源开销并提高了数据访问效率。</li>
            <li><b>负载均衡</b>：结合 etcd 服务发现，使用轮询算法动态分配请求到各实例，实现系统的负载均衡，保障服务稳定性和可扩展性。</li>
            <li><b>安全与鉴权</b>：集成 JWT 认证并基于自定义对称加密实现数据传输的安全性，确保用户数据的隐私保护。</li>
            <li><b>容器化与自动部署</b>：编写 Dockerfile 并搭建 CI/CD 流程，实现一键自动化部署，提升了上线效率与环境一致性。</li>
            <li><b>快速故障排查</b>：上线后快速审查日志，通过日志分析及时发现并修复多处逻辑和空指针错误，提高了服务的健壮性。</li>
        </ul>
        <p><b>项目源码链接</b>：<a href="https://github.com/ygxiaobai111/Three_Kingdoms_of_Longning">Three_Kingdoms_of_Longning</a></p>
        <!-- 该项目参照项目 -->
         <p><b>参考项目</b>：<a href="https://github.com/llr104/slgserver">https://github.com/llr104/slgserver</a></p>
    </div>
      

      <div class="project">
        <h3>GolixirDB - 高性能分布式集群内存数据库</h3>
        <p><b>数据库开发</b> (2023.10 - 2023.12)</p>
        <p>
          GolixirDB 是一个用 Go 语言实现的高性能、多线程、与 Redis 协议兼容的内存数据库。支持 AOF 持久化和集群模式，提供对客户端透明的集群支持，保持高可用性和一致性，显著提高了数据库操作的执行效率。
        </p>
        <p><b>项目亮点</b>：内置并行引擎，显著减少操作阻塞；支持核心 Redis 命令，确保高效的操作体验。</p>
        <!-- 项目地址 -->
         <p><b>项目源码链接</b>：<a href="https://github.com/ygxiaobai111/GolixirDB">GolixirDB</a></p>
         <!-- 该项目参照项目 -->
          <p><b>参考项目</b>：<a href="https://github.com/HDT3213/godis">https://github.com/HDT3213/godis</a></p>
      </div>
      <div class="project">
        <h3>基于 gRPC-go 框架的微服务架构抖音后端</h3>
        <p><b>后端开发</b> (2023.07 - 2023.09)</p>
        <p>
            **项目描述**：该项目是一个基于 gRPC-go 框架的精简版抖音后端，采用微服务架构，实现了用户注册、登录、用户信息管理、关注、点赞、视频流等核心功能，支持高并发访问。
        </p>
    
        <ul>
            <li><b>用户注册与登录</b>：负责用户注册、登录的接口开发，基于 MySQL 进行数据持久化存储，通过 JWT 认证实现无状态的安全会话管理。</li>
            
            <li><b>用户信息管理</b>：优化用户信息的获取流程，采用 MySQL 和 Redis 的组合存储，针对“大V”用户（粉丝数大于 300）数据进行缓存，显著提升数据读取效率。</li>
            
            <li><b>关注与取关功能</b>：利用 Redis 缓存用户的关注和好友数据，减少数据库查询频率，提升系统性能，同时确保缓存过期时自动更新 MySQL，保证数据一致性。</li>
            
            <li><b>索引优化</b>：为用户 ID 和用户名字段添加索引，提升数据库的查询速度，降低系统响应时间。</li>
    
            <li><b>日志记录与错误处理</b>：配置并使用 `logrus` 进行日志管理，记录用户操作和系统异常，便于问题追踪和解决；通过 `grpc/status` 封装错误，便于客户端获取详细的错误信息。</li>
        </ul>
        
        <p><b>技术栈：</b>Go、gRPC、Gin、GORM、Redis、JWT、MySQL、Nacos、RabbitMQ</p>
    </div>
    

      <el-divider>获奖经历与证书</el-divider>
      <ul class="award-list">
        <li>蓝桥杯国一等奖</li>
        <li>校级二等奖学金</li>
        <li>数学建模国赛省级二等奖</li>
        <li>数学建模华中杯二等奖</li>
        <li>软件设计师资格证书</li>
      </ul>
      <el-divider>个人账号</el-divider>
      <el-card class="about-card">
        <p><b>微信：</b>a2692770259</p>
        <p><b>GitHub：</b><a href="https://github.com/ygxiaobai111">ygxiaobai111</a></p>
        <p><b>Gitee：</b><a href="https://gitee.com/ygxiaobai111">ygxiaobai111</a></p>
        <p><b>博客：</b><a href="https://juejin.cn/user/3778384041359767">ygxb</a></p>
        <p><b>Leetcode：</b><a href="https://leetcode.cn/u/xe3gCeVhkY/">leetcode</a></p>
      </el-card>
    </el-card>

  </div>

  
</template>

<script setup lang="ts">
import { ref } from 'vue';
</script>

  <style scoped>
  .container {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--bPageBgColor)  ;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 40px);
  }
  
  .resume-card {
    background-color:  var(--selectRowBgColor);
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding: 20px;
    width: 800px;
    height: auto;
  }
  
  .name {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #007bff;
  }
  
  .info {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
  }
  
  .el-divider {
    margin: 20px 0;
  }
  
  .advantage-list,
  .skills-list {
    list-style-type: none;
    padding: 0;
    font-size: 16px;
    line-height: 1.8;
  }
  
  .skills-list .highlight {
    font-weight: bold;
    color: #007bff;
  }
  
  .project {
    margin-bottom: 20px;
  }
  
  .project h3 {
    font-size: 20px;
    color: #007bff;
    margin-bottom: 10px;
  }
  
  .project ul {
    list-style-type: disc;
    margin-left: 20px;
  }
  .award-list {
    list-style-type: none;
    padding: 0;
    font-size: 16px;
    line-height: 1.8;
  }
  .advantage-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); /* 自适应两列布局 */
  gap: 15px; /* 组内间距 */
}

.advantage-item {
  background-color: rgba(255, 255, 255, 0.3); /* 半透明背景 */
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* 轻微阴影 */
}

.advantage-item li {
  margin-bottom: 8px; /* 列表项间距 */
  padding-left: 18px; /* 列表项缩进 */
  position: relative;
}

.advantage-item li:before {
  content: "•"; /* 自定义列表符号 */
  color: #007bff;
  position: absolute;
  left: 0;
  font-weight: bold;
}
  </style>
  